<!-- From Uiverse.io by kuzanaa - Tags: button, advanced, #button -->
<button class="relative group overflow-hidden px-6 h-12 rounded-full flex space-x-2 items-center bg-gradient-to-r from-pink-500 to-purple-500 hover:to-purple-600">
          <span class="relative text-sm text-white">Get Started</span>
          <div class="flex items-center -space-x-3 translate-x-3">
            <div class="w-2.5 h-[1.6px] rounded bg-white origin-left scale-x-0 transition duration-300 group-hover:scale-x-100"></div>
            <svg stroke-width="2" stroke="currentColor" viewBox="0 0 24 24" fill="none" class="h-5 w-5 stroke-white -translate-x-2 transition duration-300 group-hover:translate-x-0" xmlns="http://www.w3.org/2000/svg">
              <path d="M9 5l7 7-7 7" stroke-linejoin="round" stroke-linecap="round"></path>
            </svg>
          </div>
        </button>

